@charset "utf-8";
/* CSS Document */
.height {
    height: 60px;
    display: none;
}
.phon_logo {
    width: 250px;
	height: auto;
    margin-left: 15px;
    margin-top: 12px;
}
.phone_menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    height: 60px;
    background-color: #fff;
    border-bottom: #eee solid 1px;
    display: none;
}
.phon_logo{ float: left;}
.caidan {
    display: inline-block;
    width: 25px;
    height: 25px;
    float: right;
    margin-top: 18px;
    margin-right: 15px;
}
.caidan img {
    width: 100%;
}
.cd_list ul li {
    z-index: 9999;
    font-size: 16px;
    padding: 0 20px;
}
.cd_list ul li a {
    color: #fff;
    display: block;
    padding: 10px 0;
    text-decoration: none;
}
.cd_list ul li.active, .cd_list ul li:hover {
    background: #0068b7;
}
.search2 {
    padding: 10px 20px;
    overflow: hidden;
    border-top: rgba(255,255,255,.5) solid 1px;
    border-bottom: rgba(255,255,255,.5) solid 1px;
}
.search input, .search2 input {
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;
    border-right: 0;
    float: left;
    width: 299px;
    height: 33px;
    color: #999;
    line-height: 33px;
}
.search button, .search2 button {
    width: 60px;
    float: left;
    height: 35px;
    border: 0px;
    cursor: pointer;
    background:url(search_btn3.png) no-repeat;
}
.search2 input {
	padding-left: 1%;
    width: 70%;
}
.cd_list {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    background: #00479d;
    display: none;
    z-index: 999;
}
.main{ width: 1200px; margin: 0 auto;}
.top{ padding-top: 5px; padding-bottom:0px;}
.nav li{ float: left; font-size: 16px; font-weight: bold; margin-left: 4%;}
.nav{ width: 63%; margin-left: 8%;margin-top: 20px;}
.nav li a{ display: block; height: 30px; text-decoration: none;}
.nav li a:hover,.nav li.curr a{ border-bottom: 3px solid #005bac; color:#005bac;}
.search{ width: 35px; height: 35px;border-radius: 30px; margin-top: 15px; text-align: center; line-height: 30px;margin-right: 0px;}
.ssk_box {
    border: 1px solid #6791c3;
    background-color: #225A9F;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 6px;
    text-align: center;
    padding: 10px 0;
    position: relative;
    width: 240px;
}
.logo{ margin-bottom: 22px;margin-top: 15px;}
.ssk_box input {
    width: 130px;
    height: 35px;
    float: left;
    line-height: 35px;
    border: none;
    padding-left: 10px;
    margin-left: 10px;
    color: #666;
}
.ssk_box button {
    float: left;
    height: 35px;
    line-height: 35px;
    width: 80px;
    background: #034a99;
    color: #FFFFFF;
    text-align: center;
    border: none;
    cursor: pointer;
}
.sskuan em {
    background: url(201901szfh_dhk.png) no-repeat center;
    width: 10px;
    height: 7px;
    display: block;
    position: absolute;
    top: 0;
    right: 20px;
    z-index: 1;
}

.sskuan {
    position: absolute;
    top: 40px;
    right: -10px;
    display: none;
    z-index: 999;
	display: block;
}

.banner{ background:url(2020106-hhd-banner.png) top center no-repeat; height: 750px;position: relative;background-size: cover;}
.banner a{ display: block;height: 100%;}
.banner span{position: absolute; left: 50%; margin-left: -45px; bottom: 20px;}

.gywm-top h1{ font-size: 32px; padding-bottom: 15px;line-height: 1;font-weight: bold;}
.gywm-top01 h1{ color: #fff;}
.gywm-top em{ width: 30px; height: 3px; display: inline-block; background: #005bac;}
.gywm-top01 em{background: #fff;}
.gywm-top{ text-align: center;}

.gygs-box{margin-top: 50px;position: relative;}
.gygs-nr{margin-top: 35px;}
.gygs-right{width: 52%;padding-right: 45px;}
.gygs-right h4{font-size: 24px;font-weight: bold;margin-top: 28px;}
.gygs-right p{font-size: 16px;line-height: 34px;color: #666666;text-indent: 35px;margin-top: 15px; overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:4;height: 135px;
}
.gygs-right a{display:inline-block; background: #0d4793;color: #ffffff;font-size: 16px;padding: 7px 13px;text-decoration: none;margin-top: 40px;}
.gygs-right a img{padding-left: 5px;}

.gygs-list{box-shadow: 0px 5px 9px rgba(0,0,0,.05);padding: 35px 0px;margin-top: 30px;z-index: 9999;background: #ffffff;}
.ul-jj-icon{ margin-top: 0px;}
.ul-jj-icon li{ width: 33.2%; text-align: center; border-right: 1px solid #e5e5e5; float: left; font-size: 16px;}
.ul-jj-icon li a{ display: block; text-decoration: none;}
.ul-jj-icon li a em{display: block;height: 55px;}
.ul-jj-icon li a span{ display: block; margin-top:20px;font-size: 20px;}
.ul-jj-icon li.no{ border-right: none;}
.ul-jj-icon li:hover img{transform: scale(1.1);transition: all .3s;}

.zxxx-box{background: #fafafa;margin-top: -50px;z-index: -1;}
.zxxx-box .gywm-top{padding-top: 110px;}
.zxxx-top{margin-top: 35px;}
.zxxx-left{ width: 46%;}
.zxxx-tit h1{ font-size: 30px;line-height: 30px; font-weight: bold;color: #0d4793;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;border-bottom: 1px dashed #b9b8b8;padding-bottom: 25px;padding-top: 5px;}
.zxxx-tit h1 a{color: #0d4793;}
.ul-tit-yw li{ font-size: 16px;line-height: 46px;}
.ul-tit-yw li a{ display: block; overflow: hidden; width: 80%; white-space: nowrap;text-overflow: ellipsis;}
.ul-tit-yw li span{ float: right; font-size: 16px;color: #999;}
.ul-tit-yw{ margin-top: 15px;}

.gstg-top ul li{ float: left; font-size: 24px;font-weight: bold;}
.gstg-top ul li a:hover,.gstg-top ul li.curr a{ color: #0d4793;}
.gstg-top ul li a{ text-decoration: none;}
.gstg-top ul{ margin-left: 0px;}
.gstg-top{margin-top: 40px;}

.pmgg-list{ margin-top:30px; margin-left: -1%;padding-bottom: 50px;}
.pmgg-list li{ float: left;width: 32.3%; margin-left: 1%;}
.pmgg-list{}
.pmgg-list li a{display: block;text-decoration: none;border-right: 1px solid #e2e2e2;}
.pmgg-par{display: block;margin:20px 25px; }
.pmgg-list li a h4{font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.pmgg-list li a p{ font-size: 15px; margin-top: 12px; line-height: 26px;color: #999999;    display: -webkit-box!important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden; height:55px;}

.pmgg-list li a span{ color: #999;}
.pmgg-time {margin-top:20px; }
.pmgg-time span{float: left;background: url(2020106-hhd-time.png) 1px 3px no-repeat;padding-left: 25px;color: #999999;font-size: 15px;}
.pmgg-time em{float: right;border:1px solid #e6e6e6;border-radius: 12px;background: #f5f5f5;padding: 0px 10px;font-size: 11px;color: #999999;}

.pmgg-list li:hover,.pmgg-list li.curr{box-shadow: 0px 5px 9px rgba(0,0,0,.05);}
.pmgg-list li:hover .pmgg-par{background: #ffffff;cursor: pointer;}
.pmgg-list li:hover,.pmgg-list li.curr{background: #ffffff;}
/*.pmgg-list li:hover .pmgg-par{padding-right: 0px;}*/
.pmgg-list li:hover a,.pmgg-list li.curr a,.pmgg-list li:nth-child(3) a{border-right: none;}
.pmgg-list li:hover .pmgg-time em,.pmgg-list li.curr .pmgg-time em{background: #0d4793;color: #ffffff;border:1px solid #0d4793;}

.pmp-box{background: #eef5fa;padding-top: 50px;padding-bottom: 70px;}

.pmp-tit ul{text-align: center;margin-top: 25px;margin-left: -15px;}
.pmp-tit ul li{display: inline-block;border: 1px solid #0d4793;border-radius: 23px;padding: 10px 30px;margin-left: 15px;font-size: 18px;}
.pmp-tit ul li a{display: block;color: #0d4793;text-decoration: none;}
.pmp-tit ul li:hover,.pmp-tit ul li.curr{background: #0d4793;}
.pmp-tit ul li:hover a,.pmp-tit ul li.curr a{color: #ffffff;}

.ppzs-img{margin-left: -2%;}
.ppzs-img li{float: left;width:31.3%;margin-left: 2%;position: relative;height:406px;margin-top: 35px;overflow: hidden;}
.ppzs-img li a{display: block;}
/*.ppzs-img li a img{width: 100%;}*/
.ppzs-img li a p{position: absolute;left:0px;right:0px;bottom:-3px;font-size: 18px; height: 65px;line-height: 65px;text-align: center;color: #ffffff; background:url(2020106-hhd-pmpbj.png) no-repeat;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ppzs-img li:hover img{transform: scale(1.1);transition: all .3s;}
.ppzs-img li a p span{width: 95%;display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.section5{padding-top: 70px;}
.ly-box{margin-left: -2%;}
.ly-box li{float: left;width: 31.3%;margin-left: 2%;height: 222px;text-align: center;}
.ly-box li a{display: block;height: 222px;}
.ly-box li.icon1{background: url(2020106-hhd-bgimg1.png) no-repeat;}
.ly-box li.icon2{background: url(2020106-hhd-bgimg2.png) no-repeat;}
.ly-box li.icon3{background: url(2020106-hhd-bgimg3.png) no-repeat;}
.ly-box li a span{display: inline-block; height: 70px;margin-top: 60px;}
.ly-box li a p{font-size: 20px;font-weight: bold;color: #ffffff;}
.ly-box li:hover span{transform: scale(1.2);transition: all .3s;}

.title{font-size: 24px;color: #0c70d3;border-left:5px solid #1b62bb;padding-left: 10px;line-height: 24px; height: 24px; margin-top: 50px;}
.title a{color: #1b62bb;text-decoration: none;}
.hz_list{margin-left: -2%; margin-top: 25px;margin-bottom:30px;}
.hz_list li{ float: left;display: inline-block; width: 18%;margin-left: 2%; margin-bottom: 20px;text-align: center;}
.hz_list li a {display: block;border:1px solid #dddddd;height: 70px;line-height: 70px;}
.hz_list li a img{height: auto;max-width: 100%;}




/*-----底部------*/
.footer {
	background-color: #1b62bb;
	border-top:6px solid #3fc2ff;
	padding-top: 24px;
	margin-top:25px;
	padding-bottom: 20px;
	text-align: center;
}
.footer p {
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	line-height: 32px;
}
.footer p span{margin: 0 10px;display: inline-block;}
.footer p a{
	color: #ffffff;
	margin: 0 5px;
}
.red {
	position: absolute;
	top: 30px;
	left: 40px;
}
.jc {
	position: absolute;
	top: 28px;
	right: 35px;
}






@media only screen and (max-width:1920px ) {
	.gsjj-tit-B{ left: 0; top: 80px;}
	.mainn{ position: relative;}
	body{min-width:auto;}

}

@media only screen and (max-width:1340px ) {

}
@media only screen and (max-width:1240px ) {


	
	.banner a{ height: auto;}
	.main{ width: 96%;}
	.phone_menu{ display: block;}
	.top{display: none;}
	.banner{ background-size: auot; height: auto;}
		.height {
 display: block;
}
	.gygs-left{width: 43%;}
	.gygs-left img{width: 100%;}
	.gygs-right {
    width: 53%;
    padding-right: 0px;
}
	.gygs-right h4{margin-top: 15px;}
	.zxxx-left {
    width: 46%;
}
	.zxxx-right{width: 52%;}
	.zxxx-right img{width: 100%;height: auto;}
	.ul-tit-yw li {
    font-size: 16px;
    line-height: 42px;
}
	.zxxx-tit h1{font-size: 26px;}
	
	
	
}
@media only screen and (max-width:1200px ) {
	
	
}


@media only screen and (max-width:1000px ) {
	.gygs-left,.gygs-right,.zxxx-left,.zxxx-right{width: 100%;float: none;}
	.gygs-right a{margin-top: 10px;}
	.gygs-right h4,.gstg-top ul li,.title{font-size: 22px;}
	.ul-jj-icon li a span,.pmgg-list li a h4{font-size: 18px;}
	.gywm-top h1{font-size: 28px;padding-bottom: 10px;}
	.gygs-box,.title{margin-top: 30px;}
	.gygs-nr,.zxxx-top,.gstg-top {margin-top: 25px;}
	.zxxx-box .gywm-top {padding-top: 95px;}
	.zxxx-tit h1{padding-top: 18px;font-size: 22px;padding-bottom: 15px;}	
	.hz_list li{width: 31.3%;}
	.pmp-box{padding-top: 40px;padding-bottom: 50px;}
    .section5 {padding-top: 45px;}
	.hz_list{margin-bottom: 0px;}
	.gygs-list{padding: 20px 0px;margin-top: 20px;}	
	.footer-top{padding: 20px 0px;}
    .banner{ background-size: auot;}
}





@media only screen and (max-width: 800px){

	
	 .ppzs-img{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
	 .ppzs-img li{
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 48%;
}
	
	.pmgg-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;margin-top: 25px;
}
	.pmgg-list li{
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none;
    width: 50%;
}
	
	
	
}

@media only screen and (max-width: 768px){

}

@media only screen and (max-width:750px ) {
	
	.main {
    width: 94%;
}
	
	.banner span img{
   width: 100px;
}

	.pmp-tit ul{margin-left: -10px;margin-top: 10px;}
	.pmp-tit ul li{padding: 10px 20px;margin-top: 10px;
    margin-left: 10px;font-size: 16px;}
	.hz_list li {
    width: 48%;
    margin-bottom: 10px;
}
	
	.gygs-right h4, .gstg-top ul li, .title,.zxxx-tit h1 {font-size: 20px;}
	.ul-tit-yw li span{display: none;}
	.ul-tit-yw li a{width: 100%;}
	.footer-top ul li{width: 48%;margin-top: 5px;margin-bottom: 5px;}
	.footer-top {padding: 10px 0px;}
	.gywm-top h1 {font-size: 24px;padding-bottom: 5px;}
	.gygs-right h4, .gstg-top ul li, .title, .zxxx-tit h1 {font-size: 18px;}
	.gygs-nr, .zxxx-top, .gstg-top {margin-top: 15px;}
	.pmp-tit ul{margin-top:5px;}
	
	
	
	

	}


@media only screen and (max-width: 540px){
	.pmgg-list li{width: 100%;}
	.ppzs-img li{width:380px;}
	.ul-jj-icon li{width: 33.1%;}
	.ly-box li a p{font-size: 18px;}	
	.banner {background-size: 150%;padding-bottom: 40%;height: 50px;}
		
}



@media only screen and (max-width: 400px){
	.ppzs-img li{width:98%;}
}